//
// Utility classes
// --------------------------------------------------

//清除浮动
.clearfix {
  @include clearfix;
}

//块级元素居中
.center-block {
  @include center-block;
}

//向右浮动
.pull-right {
  float: right !important;
}

//向左浮动
.pull-left {
  float: left !important;
}

//隐藏
.hide {
  display: none !important;
}

//显示
.show {
  display: block !important;
}

//消失
.invisible {
  visibility: hidden;
}

//文字不显示
.text-hide {
  @include text-hide;
}

//行末省略
.ellipsis {
  @include ellipsis();
}

.ellipsis-2 {
  @include ellipsis(2);
}

.ellipsis-3 {
  @include ellipsis(3);
}

.ellipsis-4 {
  @include ellipsis(4);
}

.ellipsis-5 {
  @include ellipsis(5);
}

// vertical-align： middle
.middle {
  vertical-align: middle;
}